.share_page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  .share_prd {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: url($imgPath + '/activity/share_bg.jpg') no-repeat top center;
    background-size: 100% 100%;
    .top_num {
      text-align: right; font-size: rem(30); color: #FFFFFF; padding-right: rem(40); padding-bottom: rem(30);
      z-index: 9;
      transition: .5s;
      background: transparent;
    }
    .share_box_swiper {
      z-index: 9;
      .swiper-wrapper {
        height:rem(710);
        .swiper-slide {
          transform: scale(0.9);
          transition: .5s;
          .swiper_content {
            width:rem(400);
            height:rem(700);
            background:rgba(255,255,255,1);
            border-radius:rem(10); text-align: center;
            padding: rem(6); margin: auto;
            position: relative;
            img {
              width:rem(394);
              height:rem(570);
            }
            .prd_details {
              display: flex; justify-content: flex-start; text-align: left;

              .prd_left {
                padding-left: rem(15); max-width: rem(260);

                h3 {
                  font-size: rem(18); color: #3E3433;
                  overflow: hidden; padding-top: rem(5);
                  text-overflow: ellipsis;
                  white-space: nowrap;
                }
                .original_price {
                  padding-top: rem(5);
                  font-size: rem(14); color: #666666; text-decoration:line-through;
                }
                .market_price {
                  padding-top: rem(5);
                  color: #E83F41; font-size: rem(14);
                  .unit { font-size: rem(28);}
                  .number { font-size: rem(38);}
                }
              }
              .prd_right {
                position: absolute;
                right: rem(15); bottom:rem(15);
                img {
                  width: rem(90); height: rem(90);
                }
              }
            }
          }
          .swiper_content_qr {
            width:rem(400);
            height:rem(700);
            background:rgba(255,255,255,1);
            border-radius:rem(10); text-align: center;
            padding: rem(6); margin: auto;
            position: relative;
            img {
              width:100%;
              height:100%;
            }
            .prd_right {
              position: absolute;
              right: rem(15); bottom:rem(15);
              img {
                width: rem(90); height: rem(90);
              }
            }
          }
        }
        .swiper-slide-active,.swiper-slide-duplicate-active{
           transform: scale(1);
           transition:.5s;
         }
      }
    }
    .share_info {
      text-align: center; padding-top: rem(50); position: relative;
      height: rem(70);
      p {
        font-size: rem(50); color: #FFFFFF; display: flex; align-items: flex-end; justify-content: center;
        span { display: inline-block; font-size: rem(28); padding-left: rem(20);}
      }
      .share_menu {
        img { width: rem(52); height: rem(52);}
        position: absolute; right: rem(30); top: rem(50); display: inline-block;
      }
    }
  }
  .share_panl {
    height: rem(240);
    background: #fff;
    padding: rem(30);
    z-index: 9;
    h3 { font-size: rem(34); color: #17273A; padding-bottom: rem(20);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: rem(48);
    }
    p { font-size: rem(26); color: #666666;overflow: hidden; height: rem(37);
      text-overflow: ellipsis;
      white-space: nowrap;}
    .share_panl_btn {
      text-align: center; padding-top: rem(50); width: 100%;
      display: flex; justify-content: center;
      p {
        display: flex; justify-content: center; align-items: center; font-size: rem(28); color: #fff;
        width: rem(650); height: rem(72); background: #E93323; border-radius: rem(35);
        img {
          width: rem(35); height: rem(23);
        }
      }
    }
  }
}
.share_menu_page {
  // height: rem(325);
  background: #fff;
  .share_menu_page_btn {
    padding: rem(30) rem(25) rem(10) rem(25); border-bottom: 1px solid #F8F8F8;
    display: flex; flex-wrap: wrap;
    justify-content: center;
    .van-row { width: 100%; }
    .share_menu_type_btn {
      display: block; width: 100%; height: rem(70); line-height: rem(70);
      background: #F0F2F5; font-size: rem(26); color: #202020;
      border-radius:rem(10); text-align: center;
      margin-bottom: rem(20);
      border: 1px solid #F0F2F5;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .active_menu {
      color: #E93323; background: #fff;
      border: 1px solid #E93323;
    }
  }
  .share_menu_page_bottom {
    font-size: rem(30); color: #333330; height: rem(100);
    display: flex; justify-content: center; align-items: center;
  }
}
.share_outside {
  height: rem(310); width: 100%; background: #fff;
  .share_outside_btn {
    width: 100%; height: rem(310);
    display: flex; justify-content: center; flex-wrap: nowrap; align-items: center;
    .wechat,.download_pic {
      text-align: center;
      img { width: rem(80); height: rem(80);}
      p { font-size: rem(26); color: #17273A; padding-top: rem(20);}
    }
    .download_pic {
      padding-left: rem(155);
    }
  }
}
